Exo Javascript - FORMULAIRE (simple)

Résultat JavaScript :

Affichage du résultat de la fonction sayHi() :

Le code Js :

- Ceci dans la balise HEAD du document HTML :

/*déclaration des varialbe(s) */
function sayHi(){ //debut de la fonction//
var txtName= document.getElementById("txtName");
/*transforme le HTML en JavaScrit garce à getElementById */
var txtOutput= document.getElementById("txtOutput");
var name = txtName.value;
txtOutput.value = "Salut " + name + ". jolie prenom !"
}

- Ceci dans la partie BODY du doc HTML (création d'un bouton avec la fonction Js sayHi() ) :

value="cliquer ici pour activer la fonction sayHi() " onclick="sayHi()"

Com sur le script :

Le script js est placé dans la partie HEAD du document HTML

Activation d'une fonction à partir d'un formulaire. Appel depuis Js, à un élément de la page HTML, L'élément id. Une méthode getElementById est utilisé.